			.clearfix::after,
			.clearfix::before{
				content: "";
				display: table;
				clear: both;
			}
	
	        li.active a {
	            color: #ff6a00;
	            background-color: transparent;
	        }
	
	        .customer {
	            position: fixed;
	            width: 158px;
	            height: 193px;
	            z-index: 9;
	            bottom: 206px;
	            right: 44px;
	            padding: 16px;
	            overflow: hidden;
	            box-sizing: content-box;
				display: none;
	        }
	
	            .customer .customer-service {
	                position: absolute;
	                top: 16px;
	                right: -174px;
	                width: 158px;
	                height: 193px;
	                border-radius: 12px;
	                background: #fff;
	                padding: 20px 18px;
	                border: 1px solid #F6CEC3;
	                box-sizing: border-box;
	            }
	
	            .customer .customer-service-open {
	                right: 16px;
	            }
	
	        .customer-service-title {
	            font-size: 14px;
	            color: #232628;
	            text-align: center;
	            font-weight: bolder;
	            margin-bottom: 4px;
	        }
	
	        .customer-service-img {
	            width: 116px;
	            height: 116px;
	            display: block;
	            margin: auto;
	            border-radius: 8px;
	        }
	
	        .customer-service-sub {
	            font-size: 12px;
	            color: #71797F;
	            margin-top: 4px;
	            text-align: center;
	        }
	
	        .customer-service-hi {
	            width: 32px;
	            height: 32px;
	            line-height: 32px;
	            text-align: center;
	            background: #FF734D;
	            border-radius: 21px 21px 0px 21px;
	            position: absolute;
	            left: -16px;
	            top: -16px;
	            font-size: 14px;
	            color: white;
	        }
	
	        .customer-service-close {
	            position: absolute;
	            top: -16px;
	            right: -16px;
	            width: 16px;
	            height: 16px;
	            border-radius: 50%;
	            border: 1px solid #B4BABF;
	            transform: rotate(45deg);
	        }
	
	            .customer-service-close .line {
	                position: absolute;
	                top: 6px;
	                left: 2px;
	                width: 10px;
	                height: 1px;
	                background: #B4BABF;
	                transform-origin: center;
	            }
	
	                .customer-service-close .line:nth-child(2) {
	                    transform: rotate(90deg);
	                }
	
	        .customer .vip-service {
	            background: #E09D58;
	            border: none;
	        }
	
	        .vip-service .customer-service-title,
	        .vip-service .customer-service-sub {
	            color: white;
	        }

	        a:hover {
	            text-decoration: none;
	        }
	
	        .user-info {
	            width: 970px;
	            height: 120px;
	            margin-bottom: 12px;
	            background: url("https://img02.hua.com/pc/personal_center_new/member-grey-bg.png") no-repeat;
	            background-size: 100% 120px;
	            overflow: hidden;
	            padding: 0 0 0 24px;
	            box-sizing: border-box;
	        }
	
	        .vip-member {
	            background: url("https://img02.hua.com/pc/personal_center_new/member-red-bg.png") no-repeat;
	        }
	
	        .diamond-member {
	            background: url("https://img02.hua.com/pc/personal_center_new/member-yellow-bg.png") no-repeat;
	        }
	
	        .user-info-left {
	            display: flex;
	            align-items: center;
	            height: 120px;
	            float: left;
	        }
	
	            .user-info-left .user-avatar {
	                width: 56px;
	                height: 56px;
	                border-radius: 50%;
	                margin-right: 16px;
	                object-fit: cover;
	            }
	
	            .user-info-left .user-main {
	                display: flex;
	                height: 56px;
	                flex-direction: column;
	                justify-content: space-between;
	            }
	
	            .user-info-left .user-name {
	                color: #232628;
	                font-size: 19px;
	                font-weight: bold;
	            }
	
	            .user-info-left .user-label {
	                width: 64px;
	                height: 20px;
	                margin-right: 20px;
	            }
	
	            .user-info-left .user-tip {
	                width: 20px;
	                height: 20px;
	                margin-right: 12px;
	            }
	
	            .user-info-left .user-label-info {
	                display: flex;
	                align-items: center;
	            }
	
	            .user-info-left .user-phone-info {
	                width: 20px;
	                height: 20px;
	                position: relative;
	                margin-right: 12px;
	            }
	
	            .user-info-left .user-sub-text {
	                padding: 2px 10px;
	                background: white;
	                border-radius: 10px;
	                position: absolute;
	                bottom: -28px;
	                left: 0;
	                font-size: 12px;
	                width: 180px;
	                color: #71797F;
	                cursor: pointer;
	            }
	
	                .user-info-left .user-sub-text::after {
	                    content: "";
	                    display: block;
	                    width: 0;
	                    border: 6px solid white;
	                    border-left-color: transparent;
	                    border-top-color: transparent;
	                    border-right-color: transparent;
	                    position: absolute;
	                    bottom: 18px;
	                    left: 4px;
	                }
	
	            .user-info-left .user-phone-change {
	                color: #FF734C;
	                padding-left: 12px;
	            }
	
	        .user-info-right {
	            float: right;
	            margin-top: 32px;
	        }
	
	            .user-info-right .user-block {
	                width: 100px;
	                float: left;
	                color: #232628;
	                font-size: 14px;
	            }
	
	                .user-info-right .user-block div {
	                    text-align: center;
	                }
	
	                .user-info-right .user-block .user-number {
	                    font-size: 22px;
	                    font-weight: bold;
	                    margin-bottom: 8px;
	                    overflow: hidden;
	                    text-overflow: ellipsis;
	                }
	
	        .main-left {
	            width: 600px;
	            margin-right: 12px;
	            float: left;
	        }
	
	            .main-left .order {
	                background: white;
	                border-radius: 12px;
	                box-sizing: border-box;
	                margin-bottom: 12px;
	                height: 132px;
	            }
	
	        .default-title {
	            color: #232628;
	            font-size: 16px;
	            font-weight: bold;
	            margin-bottom: 12px;
	            padding: 20px 24px 0 24px;
	        }
	
	        .main-left .order .order-list {
	            padding: 0 20px;
	            box-sizing: border-box;
	        }
	
	        .main-left .order .order-other {
	            float: left;
	            color: #232628;
	            font-size: 14px;
	            margin-left: 78px;
	            position: relative;
	            cursor: pointer;
	        }
	
	            .main-left .order .order-other img {
	                width: 32px;
	                height: 32px;
	                margin: 0 auto 8px;
	                display: block;
	            }
	
	        .main-left .order .order-num {
	            position: absolute;
	            bottom: 42px;
	            right: -18px;
	            background: #FF3B30;
	            border-radius: 10px;
	            color: white;
	            padding: 0px 4px;
	            font-size: 11px;
	        }
	
	        .main-left .prefer {
	            background: white;
	            border-radius: 12px;
	        }
	
	        .main-left .perfer-list {
	            padding: 0 24px;
	            overflow: hidden;
	        }
	
	        .main-left .perfer-item {
	            float: left;
	            margin-right: 24px;
	            margin-bottom: 14px;
	        }
	
	            .main-left .perfer-item:nth-child(4n) {
	                margin-right: 0;
	            }
	
	            .main-left .perfer-item img {
	                width: 120px;
	                height: 120px;
	                margin-bottom: 2px;
	                border-radius: 8px;
	            }
	
	            .main-left .perfer-item .perfer-money {
	                color: #232628;
	                font-size: 14px;
	                margin-bottom: 2px;
	                font-weight: bold;
	            }
	
	            .main-left .perfer-item .perfer-title {
	                color: #232628;
	                font-size: 12px;
	                width: 120px;
	                overflow: hidden;
	                text-overflow: ellipsis;
	                display: block;
	                display: -webkit-box;
	                -webkit-line-clamp: 2;
	                -webkit-box-orient: vertical;
	                height: 32px;
	            }
	
	        .main-right {
	            width: 358px;
	            background: white;
	            border-radius: 12px;
	            float: left;
	            overflow: hidden;
	        }
	
	            .main-right .my-calendar {
	                width: 168px;
	                height: 144px;
	                margin: 0 auto 24px;
	                background: url("https://img02.hua.com/pc/personal_center_new/calendar-bg.png");
	            }
	
	            .main-right .calendar-day {
	                padding: 20px 0 0;
	                font-size: 44px;
	                color: #232628;
	                font-weight: bold;
	                text-align: center;
	            }
	
	            .main-right .calendar-date {
	                text-align: center;
	                font-size: 16px;
	                color: #232628;
	                margin-bottom: 8px;
	            }
	
	            .main-right .calendar-lunar {
	                color: #71797F;
	                font-size: 12px;
	                text-align: center;
	            }
	
	            .main-right .add-remind {
	                width: 168px;
	                height: 36px;
	                border-radius: 19px;
	                border: 1px solid #E9ECF0;
	                margin: 24px auto;
	                line-height: 36px;
	                text-align: center;
	                color: #71797F;
	                font-size: 13px;
	                cursor: pointer;
	                display: block;
	            }
	
	            .main-right .remind-list {
	                margin-top: 12px;
	                padding: 0 24px;
	                box-sizing: border-box;
	            }
	
	            .main-right .remind-item {
	                width: 100%;
	                height: 72px;
	                background: #F7F9FA;
	                border-radius: 8px;
	                margin-bottom: 12px;
	                padding: 12px;
	                box-sizing: border-box;
	            }
	
	                .main-right .remind-item img {
	                    width: 48px;
	                    height: 48px;
	                    border-radius: 8px;
	                    margin-right: 12px;
	                    float: left;
	                }
	
	            .main-right .remind-title {
	                font-size: 15px;
	                color: #232628;
	                font-weight: bold;
	                margin-bottom: 8px;
	                width: 100px;
	                white-space: nowrap;
	                text-overflow: ellipsis;
	                overflow: hidden;
	            }
	
	            .main-right .remind-next {
	                font-size: 13px;
	                color: #71797F;
	                margin-bottom: 8px;
	                width: 120px;
	                overflow: hidden;
	                text-overflow: ellipsis;
	                white-space: nowrap;
	            }
	
	            .main-right .remind-tag {
	                padding: 1px 6px;
	                background: #E6F8FF;
	                border-radius: 4px;
	                margin-right: 4px;
	                color: #38B1E0;
	            }
	
	            .main-right .remind-date {
	                color: #232628;
	                font-size: 13px;
	            }
	
	            .main-right .remind-left {
	                float: left;
	            }
	
	            .main-right .remind-right {
	                float: right;
	            }
	
	            .main-right .remind-info {
	                float: left;
	            }
	
	            .main-right .remind-bold {
	                color: #232628;
	                font-size: 20px;
	                font-weight: bold;
	                text-align: right;
	            }
	
	                .main-right .remind-bold::after {
	                    content: "天";
	                    display: inline-block;
	                    font-size: 13px;
	                    color: #232628;
	                    padding-left: 4px;
	                }
	
	            .main-right .remind-tag1 {
	                background: #FFF5E0;
	                color: #D97357;
	            }

	        body #header .logo-nav {
	            background-image: url(//img02.hua.com/pc/2021_image/big-logo.png);
	            background-repeat: no-repeat;
	            background-size: 100%;
	            background-position: 0 -26px;
	        }
	        header .logo {
	            background: url(//img02.hua.com/pc/2021_image/big-logo.png) left center no-repeat!important;
	            background-size: 238px!important;
	        }